<template>
  <div style="height: 100%;background-color: #fff;">
    <el-button type="primary" plain v-on:click="up('look')" >看打</el-button>
    <el-button type="primary" plain v-on:click="up('hear')">听打</el-button>
    <el-button type="primary" plain v-on:click="up('blind')">盲打</el-button>
    <look-vue v-if="this.type=='look'"></look-vue>
    <hear-vue v-else-if="this.type=='hear'"></hear-vue>
    <blind-vue v-else-if="this.type=='blind'"></blind-vue>
  </div>
</template>
<script>
    import look from '../assets/views/rank/look.vue'
    import hear from '../assets/views/rank/hear'
    import blind from '../assets/views/rank/blind'
export default {
  name: "list",
  data() {
    return {
      percent1: 30,
      percent2: 70,
      year: "2018-10-20",
      time: "10:05:03",
        type:'look'
    };
  },
    components:{
        lookVue:look,
        hearVue:hear,
        blindVue:blind
    },
  mounted() {
  },
  methods: {
      up(type){
          this.type= type
      },

  }
  ,
};
</script>